/* =====
    table
   ===== */
$h: 40px;

.ui-table {
  width: 100%;
  border: 0;

  th {
    height: $h;
    padding: 0 10px;
    color: $color-text-gray;
    border-bottom: 1px solid $color-border;
  }

  tr {
    transition: background-color .3s;
    &:hover {
      background-color: $background-gray-hover;
    }
  }

  td {
    padding: 17px 10px;
    border-bottom: 1px solid $color-border;
  }
}